<div class="row">
  <x-progress inside height="1.5rem" percent="30"></x-progress>
  <x-progress inside height="1.5rem" percent="50" status="active"></x-progress>
  <x-progress inside height="1.5rem" percent="70" status="exception"></x-progress>
  <x-progress inside height="1.5rem" percent="100" status="warning"></x-progress>
  <x-progress inside height="1.5rem" percent="100" status="success"></x-progress>
</div>
